/deep/ * {
	word-break: break-all;
	white-space: normal;
}
/deep/ img {
	max-width: 100px;
	max-height: 100px;
	cursor: pointer;
}

/deep/ .q-style-type {
	font-weight: bold;
}

/deep/ .q-style-options {
	padding-left: 8px;
	color: #666;
}
.q-style-answer-analysis-box {
	margin-top: 16px;
}
.content-wrap {
	color: #000;
	font-size: 14px;
	line-height: 26px;
	display: flex;
	align-items: start;

	.show-ico {
		margin-top: 6px;
		margin-right: 4px;
		flex-shrink: 0;
		cursor: pointer;

		&.open {
			transform: rotateZ(90deg);
		}
	}

	.content-box {
		flex-grow: 1;
	}
}

.children-box {
	margin-top: 16px;
	border-top: 1px solid #e8e8e8;
	padding-top: 16px;
}

@errBackgroundColor: #fff2f0;

.err-box,
.small-err-box {
	&.title {
		/deep/ .q-error-title {
			background-color: @errBackgroundColor;
		}
	}
	&.options {
		/deep/ .q-error-options {
			background-color: @errBackgroundColor;
		}
	}
	&.answer {
		/deep/ .q-error-answer {
			background-color: @errBackgroundColor;
		}
	}
	&.analysis {
		/deep/ .q-error-analysis {
			background-color: @errBackgroundColor;
		}
	}
}

.err-text-box {
	color: red;
}
